/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25/02/2014, 17:40:46
    Author     : SergioPeres
*/

body { background-color: #0f0f0f; color: #ffffff}

#principal {
    border: 10px solid red;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    padding-top: 5px;
}

.principal8 {
	width: 658px;
}

.principal4 {
	width: 458px;
}

#principal h1 {
    text-align: center;
}

#principal form #bC {
    margin-left: 73px;
}

#principal form #bH {
    margin-left: 39px;
}

#principal form .input8 {
    width: 350px;
}

#principal4 form .input4 {
    width: 150px;
}

#principal form span {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: rgb(210,144,112);
    border-radius: 8px;
    cursor: alias;
}

#principal form span:hover {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: rgb(210,0,0);
    border-radius: 8px;
    cursor: hand;
}

#principal #go {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #0f0f0f;
    border-radius: 8px;
    cursor: hand;
	color: #0f0f0f;
	position: absolute;
	top: 22px;
	z-index: 4;
}

/* ############################################################################
    Tabuleiro
*/ 
#tabuleiro {
    border: 5px solid red;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
	
    padding: 5px;
    background-color: #ffffff;
}

.tabuleiro8 {
    width: 576px;
    height: 576px;
}

.tabuleiro4 {
    width: 288px;
    height: 288px;
}

#tabuleiro ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#tabuleiro ul .branco {
    border: 1px solid crimson;
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    background-color: rgb(255,255,255);
    color: rgb(150,108,108);
}

#tabuleiro ul .preto {
    border: 1px solid crimson;
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    background-color: rgb(150,108,108);
    color: rgb(255,255,255);
}

#tabuleiro ul li img {
    margin-top: 3px;
}
